/*
* @Author: Marte
* @Date:   2018-12-26 15:57:37
* @Last Modified by:   Marte
* @Last Modified time: 2018-12-26 16:29:24
*/
body,ul,h1,p{
    margin: 0;
    padding:0;
}
img{
    display: block;
}
.clear:after{
    content:"";
    display:block;
    clear:both
}
ul{
    list-style: none;
}
.header{
    height:100px;
    background-color: pink;
}
.center{
    width: 800px;
    margin:0 auto;
}
.con{
    margin-top:20px;
    margin-bottom: 20px;
}
.proLeft{
    position: relative;
    float:left;
    width:400px;
}
.proLeft .thumb{
    width:400px;
    height:400px;
}
.proLeft .thumb img{
    width:100%;
    height:100%;
}
.proLeft .scale{
    // display: none;
    position:absolute;
    top:0;
    left:420px;
    width:400px;
    height:400px;
    overflow: hidden;
    border:1px solid #ccc;
}
.proLeft ul{
    margin-top:10px;
}
.proLeft ul li{
    float:left;
    width:60px;
    height:60px;
    margin-right:5px;
    overflow:hidden;
    border:1px solid #ccc;
}
.proLeft ul li.cur{
    border:1px solid #000;
}
.proLeft ul li img{
    width:100%;
    height:100%;
}
.proRight{
    float:right;
    width:380px;
    height:400px;
    background-color: #ccc;
}
.footer{
    height:150px;
    background-color: #000
}